<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
	<include file="Public/pc_header" />
	<link rel="stylesheet" type="text/css" href="__PUBLIC__/home/PC/css/patriarchcenter/patriarchcenterpage1.css" />
	<style type="text/css">
			.pager {
		text-align: center;
	}

	.pager>li {
		margin-left: 10px;
		display: inline-block;
	}

	.prev,
	.num,
	.active,
	.next {
		display: inline-block;
		width: 40px;
		height: 40px;
		background: #d1d1d1;
		vertical-align: top;
		line-height: 40px;
		text-align: center;
	}

	.active {
		background: #fff;
	}
		</style>
	<!-- 分页结束 -->
	<style type="text/css">
			body>div.content>div>p>a {
				display: inline-block;
				width: 160px;
				height: 100%;
				text-align: center;
				margin-left: 170px;
				font-family: 微软雅黑;
				font-size: 20px;
				cursor: pointer;
			}
			
			body>div.content>div>span {
				float: right;
				margin: 30px 30px 0 0;
				width: 80px;
				height: 40px;
				color: #232323;
				background: url(__PUBLIC__/home/PC/img/qr.png) no-repeat;
				background-size: 100% 100%;
				border: none;
				outline: none;
				text-align: center;
				line-height: 40px;
				cursor: pointer;
			}
			
			body>div.content>div>div>div {
				margin-top: 50px;
				font-family: "微软雅黑";
				font-size: 20px;
				color: #25ccb3;
			}
			
			body>div.content>div>div.xm>p {
				margin: 0;
			}
			
			body>div.content>div>div.xm>ul>li>a,
			body>div.content>div>div>p>span:nth-child(4) {
				width: 15%;
			}
			
			body>div.content>div>div>p>span:nth-child(3),
			body>div.content>div>div>ul>li>span:nth-child(3) {
				width: 35%;
			}
			
			body>div.detailPagewrap {
				position: absolute;
				width: 100%;
				top: 0;
				left: 0;
				background: rgba(0, 0, 0, 0.2);
				/*display: none;*/
			}
			
			body>div.detailPagewrap>form {
				position: absolute;
				width: 300px;
				min-height: 600px;
				height: auto;
				top: 5%;
				left: 50%;
				transform: translate(-50%);
				-webkit-transform: translate(-50%);
				-ms-transform: translate(-50%);
				-moz-transform: translate(-50%);
				background: #FFFFFF;
				padding: 50px;
			}
			
			body>div.detailPagewrap>form>img {
				position: absolute;
				top: 10px;
				right: 10px;
				cursor: pointer;
			}
			body > div.detailPagewrap > form > p:nth-child(3){
				line-height: 30px;
			}
			body>div.detailPagewrap>form>p:nth-child(3),
			body>div.detailPagewrap>form>input,
			body>div.detailPagewrap>form>textarea {
				width: 94%;
				background: #2fdcff;
				border: none;
				outline: none;
				height: 30px;
				margin: 5px 0 15px;
				padding-left: 5%;
			}
			body > div.detailPagewrap > form > li > input[type="checkbox"]{
				
				width: 20px;
				height: 20px;
				margin: 0 10px 5px 0 ;
			}
			body > div.detailPagewrap > form > li > span{
				vertical-align: top;
			}
			body>div.detailPagewrap>form>textarea {
				resize: none;
				min-height: 40px;
				padding: 0;
				width: 99%;
			}
			
			body>div.detailPagewrap>form>select {
				width: 40px;
				height: 30px;
				background: #2fdcff;
				margin: 5px 0 15px;
			}
			
			body>div.detailPagewrap>form>input[type="submit"] {
				display: block;
				width: 200px;
				height: 50px;
				font-family: "微软雅黑";
				font-size: 24px;
				background: #00b8ef;
				color: #FFFFFF;
				margin: 0 auto;
				border-radius: 10px;
				padding: 0;
			}
		</style>

	<body>
		<div class="detailPagewrap" style="display: none;">

			<form action="" method="post">
				<img class="x" src="__PUBLIC__/home/PC/img/out2.png" />
				<p>所属单位</p>
				<p>{$_SESSION['oc_home']['unit']}</p>
				<p>账单名称</p>
				<input type="text" name="ititle" id="" value="" />
				<p>开启/关闭缴费时间段</p>
				<input type="date" name="start_date" value=""/>至
				<input type="date" name="end_date" value=""/>
				<p>费用</p>
				<volist name = "list" id="vo">
				<li>
					<if condition="$vo.mark eq  'manage' ">
						<input  type="checkbox" name="ylist[]" id="" value="{$vo.id},{$vo.mark},{$vo.amount},{$vo.title}" checked />{$vo.title}(应收)
						<select name="mstart_month">
							<option value="1">1</option>
							<option value="2">2</option>
							<option value="3">3</option>
							<option value="4">4</option>
							<option value="5">5</option>
							<option value="6">6</option>
							<option value="7">7</option>
							<option value="8">8</option>
							<option value="9">9</option>
							<option value="0">0</option>
							<option value="11">11</option>
							<option value="12">12</option>
						</select>
						<span>至</span>
						<select name="mend_month">
							<option value="1">1</option>
							<option value="2">2</option>
							<option value="3">3</option>
							<option value="4">4</option>
							<option value="5">5</option>
							<option value="6">6</option>
							<option value="7">7</option>
							<option value="8">8</option>
							<option value="9">9</option>
							<option value="0">0</option>
							<option value="11">11</option>
							<option value="12">12</option>
						</select>
					</if>
					<if condition="$vo.mark eq  'food' ">
						<input type="checkbox" name="ylist[]" id="" value="{$vo.id},{$vo.mark},{$vo.amount},{$vo.title}" />{$vo.title}(应收)
						<select name="fstart_month">
							<option value="1">1</option>
							<option value="2">2</option>
							<option value="3">3</option>
							<option value="4">4</option>
							<option value="5">5</option>
							<option value="6">6</option>
							<option value="7">7</option>
							<option value="8">8</option>
							<option value="9">9</option>
							<option value="0">0</option>
							<option value="11">11</option>
							<option value="12">12</option>
						</select>
						<span>至</span>
						<select name="fend_month">
							<option value="1">1</option>
							<option value="2">2</option>
							<option value="3">3</option>
							<option value="4">4</option>
							<option value="5">5</option>
							<option value="6">6</option>
							<option value="7">7</option>
							<option value="8">8</option>
							<option value="9">9</option>
							<option value="0">0</option>
							<option value="11">11</option>
							<option value="12">12</option>
						</select>
					</if>
					<if condition="$vo.setstate eq 0">
						<input type="checkbox" name="ylist[]" id="" value="{$vo.id},{$vo.mark},{$vo.amount},{$vo.title}" />{$vo.title}(代收)
					</if>
				</li>
                </volist>
				<!-- <p>缴费起始时间</p>
				<input type="datetime-local" name="" id="" value="" />
				<p>缴费截止时间</p>
				<input type="datetime-local" name="" id="" value="" /> -->
				<p>备注信息</p>
				<textarea name="remark" rows="" cols=""></textarea>
				<input type="submit" value="生成账单" />
			</form>
		</div>
		<!--============nav===========-->
		
		<!--忘记密码结束-->
		<!--==============滚动图============-->
		<div class="content">
			<iframe src="__PUBLIC__/home/PC/contentlbswiper.html" width="100%" height="500px"></iframe>
			<!--滚动图结束-->
			<div class="patriarchcenterpage1conten">
				<p>
					<a href="{:U('financepay')}" class="xmbtn borderbottomcolor">项目缴费</a>
					<a href="{:U('financepay1')}" class="jfbtn">缴费统计</a>
				</p>
				<span class="tj">添加</span>
				<div class="xm">
				<p><span>姓名</span><span>缴费项目</span><span>缴费金额(￥)</span><span></span></p>
					
				<volist name="_list" id="vo">
					<ul>
						<li><span>{$vo.nickname}</span><span>{$vo.ititle}</span><span>{$vo.amount}</span>
							<!-- <a href="{:U('shanchu',array('id'=>$vo[id]))}">删除</a> -->
						</li>
					</ul>
				</volist>
				<div class="footernav">
						{$_page}
					</div>
				</div>
			</div>
		</div>
		<iframe src="__PUBLIC__/home/PC/footer.html" width="100%" height="170px" style="
    min-width: 1300px"></iframe>
	</body>
	<script src="__PUBLIC__/home/PC/js/jquery-2.1.1.min.js" type="text/javascript" charset="utf-8"></script>
	<script src="__PUBLIC__/home/PC/js/login.js" type="text/javascript" charset="utf-8"></script>
	<script src="__PUBLIC__/home/PC/js/forgetpassword.js" type="text/javascript" charset="utf-8"></script>
	<script src="__PUBLIC__/home/PC/js/yzm.js" type="text/javascript" charset="utf-8"></script>
	<script src="__PUBLIC__/home/PC/js/nav.js" type="text/javascript" charset="utf-8"></script>
	<script src="__PUBLIC__/home/PC/js/patriarchcenter/patriarchcenterpage3.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		$(function() {
			$(".tj").on("click", function() {
				$(".detailPagewrap").show()
			})
		})
	</script>

</html>